<!DOCTYPE html>
<!-- saved from url=(0063)http://hd.mi.com/f/zt/hd/2016051101/index.html?ModPagespeed=off -->
<html lang="zh-CN" xml:lang="zh-CN" style="font-size: 32px;">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<title>HAPPYBIRTHDAY</title>
		<meta name="description" content="">
		<script src="./js/jquery-1.11.0.min.js"></script>
<script src="./js/jquery.fireworks.js"></script>
		
		<script src="./js/hm.js"></script>
		<script>
			! function(n) {
				var e = n.document,
					t = e.documentElement,
					i = 720,
					o = i / 32,
					a = "orientationchange" in n ? "orientationchange" : "resize",
					d = function() {
						var n = t.clientWidth || 320,
							n = n > 720 ? 720 : 320 > n ? 320 : n;
						t.style.fontSize = n / o + "px"
					};
				e.addEventListener && n.addEventListener(a, d, !1), d()
			}(window);
		</script>
		<link rel="stylesheet" type="text/css" href="./css/mimax.css">
	</head>

	<body youdao="bind" style="" >
		<div class="chat">
			<div class="box_bd scroll-wrapper">
				<canvas id="emoji" class="emoji-canvas" width="720" height="1500"></canvas>	
			
</script>
</script>
				<div class="scroll-content J_scrollContent">
					<div class="chatContent" id="chatContent">
						<div class="clearfix">
							<div class="message others">
								<div class="avatar" data-author-id="lj"> <img src="./images/a-lj.png" alt="雷军"> </div>
								<div class="content">
									<p class="author_name">雷军</p>
									<div class="bubble  bubble_default left">
										<div class="bubble_cont">
											<div class="plain"> <pre>小米的朋友 你好，are you ok？</pre> </div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix">
							<div class="message others">
								<div class="avatar" data-author-id="lwq"> <img src="./images/a-lwq.png" alt="小米市场黎万强"> </div>
								<div class="content">
									<p class="author_name">小米市场黎万强</p>
									<div class="bubble  bubble_default left">
										<div class="bubble_cont">
											<div class="plain"> <pre>欢迎 小米的朋友<img src="./images/welcome.gif"><img src="./images/welcome.gif"><img src="./images/welcome.gif"></pre> </div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix">
							<div class="message others">
								<div class="avatar" data-author-id="lb"> <img src="./images/a-lb.png" alt="小米网林斌"> </div>
								<div class="content">
									<p class="author_name">小米网林斌</p>
									<div class="bubble  bubble_default left">
										<div class="bubble_cont">
											<div class="plain"> <pre>欢迎<img src="./images/welcome.gif"><img src="./images/welcome.gif"><img src="./images/welcome.gif"><img src="./images/welcome.gif"><img src="./images/welcome.gif"></pre> </div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix">
							<div class="message others">
								<div class="avatar" data-author-id="zgp"> <img src="./images/a-zgp.png" alt="手机研发周光平"> </div>
								<div class="content">
									<p class="author_name">手机研发周光平</p>
									<div class="bubble  bubble_default left">
										<div class="bubble_cont">
											<div class="plain"> <pre>欢迎<img src="./images/welcome.gif"><img src="./images/welcome.gif"><img src="./images/welcome.gif"><img src="./images/welcome.gif"></pre> </div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix">
							<div class="message others">
								<div class="avatar" data-author-id="lj"> <img src="./images/a-lj.png" alt="雷军"> </div>
								<div class="content">
									<p class="author_name">雷军</p>
									<div class="bubble  bubble_default left">
										<div class="bubble_cont">
											<div class="plain"> <pre>我们刚刚发布了小米Max，先发几张美图和外观视频，你欣赏一下</pre> </div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix">
							<div class="message others">
								<div class="avatar" data-author-id="lj"> <img src="./images/a-lj.png" alt="雷军"> </div>
								<div class="content">
									<p class="author_name">雷军</p>
									<div class="bubble  left bubble_image">
										<div class="bubble_cont">
											<div class="video"> <img class="J_fpVideo" src="./images/d-thumb-design.jpg" data-src="http://v.qq.com/iframe/player.html?vid=j0199fr5noz&amp;tiny=0&amp;auto=0" alt=""> </div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix">
							<div class="message others">
								<div class="avatar" data-author-id="lj"> <img src="./images/a-lj.png" alt="雷军"> </div>
								<div class="content">
									<p class="author_name">雷军</p>
									<div class="bubble  left bubble_image">
										<div class="bubble_cont">
											<div class="picture"> <img class="J_galleryShow" data-gallery="1" src="./images/gallery-02-s.jpg"> </div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix">
							<div class="message others">
								<div class="avatar" data-author-id="lj"> <img src="./images/a-lj.png" alt="雷军"> </div>
								<div class="content">
									<p class="author_name">雷军</p>
									<div class="bubble  bubble_default left">
										<div class="bubble_cont">
											<div class="plain"> <pre>怎么样，不错吧？太忙没来得及邀请你参加发布会，我把大家叫过来单独给你介绍</pre> </div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix">
							<div class="message others">
								<div class="avatar" data-author-id="lj"> <img src="./images/a-lj.png" alt="雷军"> </div>
								<div class="content">
									<p class="author_name">雷军</p>
									<div class="bubble  bubble_default left">
										<div class="bubble_cont">
											<div class="plain"> <pre>想了解啥尽管问吧：）</pre> </div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="train J_train">
					<img data-origin="http://c1.mifile.cn/f/i/hd/2016051101/train.gif" alt="火车">
				</div>
			</div>
			<div class="box_ft close">
				<div class="input-wrapper J_inputWrapper">
					<p class="J_noticeInput" style="display: block;">点击提问</p>
					<img src="./images/input-down.png" alt="">
				</div>

				<div class="choice-wrapper J_choiceWrapper">
					<ul class="main-choice J_choice J_mainChoice" data-choice="0">
						<li class="J_liNext li-3" data-target-dialog="1" data-target-choice="1_1">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;尺寸多大&#39;]);">尺寸多大</a>
						</li>
						<li class="J_liNext li-3" data-target-dialog="2" data-target-choice="2_1">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;存储多大&#39;]);">存储多大</a>
						</li>
						<li class="J_liNext li-3" data-target-dialog="3">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;电量多大&#39;]);">电量多大</a>
						</li>
						<br>
						<li class="J_liNext li-3" data-target-dialog="4" data-target-choice="4">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;配置价格&#39;]);">配置价格</a>
						</li>
						<li class="J_liNext li-3" data-target-dialog="5">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;问颜值&#39;]);">问颜值</a>
						</li>
						<li class="J_liNext li-3" data-target-dialog="6" data-target-choice="4">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;怎么买&#39;]);">怎么买</a>
						</li>
						<br>
						<li class="J_liNext li-3" data-target-dialog="7" data-target-choice="7_1">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;我是彩蛋&#39;]);">我是彩蛋</a>
						</li>
						<li class="J_liNext li-3" data-target-dialog="8">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;求红包&#39;]);">求红包</a>
						</li>
						<li class="J_liNext J_finishDialog li-3" data-target-dialog="9" data-continue="false">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;不聊了&#39;]);">不聊了</a>
						</li>
					</ul>

					<ul class="J_choice" data-choice="1_1">
						<li class="J_liNext li-2 li-h" data-target-dialog="1_1">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;屏幕多大&#39;]);">屏幕多大</a>
						</li>
						<li class="J_liNext li-2 li-h" data-target-dialog="1_2" data-target-choice="1_1_1">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;手机大小&#39;]);">手机大小</a>
						</li>
					</ul>

					<ul class="J_choice" data-choice="1_1_1">
						<li class="J_liNext li-2 li-h" data-target-dialog="1_2_1">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;看对比&#39;]);">看对比</a>
						</li>
						<li class="J_liNext li-2 li-h" data-target-dialog="1_2_2">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;看试用&#39;]);">看试用</a>
						</li>
					</ul>

					<ul class="J_choice" data-choice="2_1">
						<li class="J_liNext li-3 no-border bg-trsp" data-target-dialog="2_1">

							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;奥斯卡&#39;]);">
								<img src="./images/c-2-oscars.jpg" alt="30部奥斯卡最佳影片">
								<p>30部奥斯卡最佳影片</p>
							</a>
						</li>
						<li class="J_liNext li-3 no-border bg-trsp" data-target-dialog="2_2">

							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;美剧&#39;]);">
								<img src="./images/c-2-drama.jpg" alt="80集美剧">
								<p>80集美剧</p>
							</a>
						</li>
						<li class="J_liNext li-3 no-border bg-trsp" data-target-dialog="2_3">

							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;海贼王&#39;]);">
								<img src="./images/c-2-onepiece.jpg" alt="700番海贼王">
								<p>700番海贼王</p>
							</a>
						</li>
					</ul>

					<ul class="sup-choice J_choice" data-choice="7_1">
						<li class="li-3 no-border bg-trsp J_fpVideo" data-src="http://v.qq.com/iframe/player.html?vid=a0197hj5a1m&amp;tiny=0&amp;auto=0">

							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;麻花第一集&#39;]);">
								<img src="./images/c-7-1.jpg" alt="第一集">
								<p>第一集</p>
							</a>
						</li>
						<li class="li-3 no-border bg-trsp J_fpVideo" data-src="http://v.qq.com/iframe/player.html?vid=p019889oxs0&amp;tiny=0&amp;auto=0">

							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;麻花第二集&#39;]);">
								<img src="./images/c-7-2.jpg" alt="第二集">
								<p>第二集</p>
							</a>
						</li>
						<li class="li-3 no-border bg-trsp J_fpVideo" data-src="http://v.qq.com/iframe/player.html?vid=c01985i2nk0&amp;tiny=0&amp;auto=0">

							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;麻花第三集&#39;]);">
								<img src="./images/c-7-3.jpg" alt="第三集">
								<p>第三集</p>
							</a>
						</li>
						<ul class="ul-sub">
							<li class="J_liNext li-f-2 no-br" data-target-dialog="7_1">
								<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;看完了&#39;]);">看完了</a>
							</li>
							<li class="J_liNext li-f-2 no-br" data-target-dialog="7_1">
								<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;不看了&#39;]);">不看了</a>
							</li>
						</ul>
					</ul>

					<ul class="main-choice reg-choice J_choice J_mainChoice" data-choice="4">
						<li class="J_liNext li-3" data-target-dialog="1" data-target-choice="1_1">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;尺寸多大&#39;]);">尺寸多大</a>
						</li>
						<li class="J_liNext li-3" data-target-dialog="2" data-target-choice="2_1">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;存储多大&#39;]);">存储多大</a>
						</li>
						<li class="J_liNext li-3" data-target-dialog="3">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;电量多大&#39;]);">电量多大</a>
						</li>
						<br>
						<li class="J_liNext li-3" data-target-dialog="4" data-target-choice="4">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;配置价格&#39;]);">配置价格</a>
						</li>
						<li class="J_liNext li-3" data-target-dialog="5">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;问颜值&#39;]);">问颜值</a>
						</li>
						<li class="J_liNext li-3" data-target-dialog="6" data-target-choice="4">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;怎么买&#39;]);">怎么买</a>
						</li>
						<br>
						<li class="J_liNext li-3" data-target-dialog="7" data-target-choice="7_1">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;我是彩蛋&#39;]);">我是彩蛋</a>
						</li>
						<li class="J_liNext li-3" data-target-dialog="8">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;求红包&#39;]);">求红包</a>
						</li>
						<li class="J_liNext J_finishDialog li-3" data-target-dialog="9" data-continue="false">
							<a href="javascript:void(0);" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;不聊了&#39;]);">不聊了</a>
						</li>
						<br>
						<!-- 如果用户还没预约，显示立即预约 -->
						<li class="li-f-1 no-br highlight-btn" registered="false">
							<a href="http://s1.mi.com/m/ghd/2016/0503maxyy/index.html" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;,&#39;mimaxH5&#39;,&#39;立即预约&#39;]);">立即预约</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="full-pics" id="J_fullPics">
			<div class="pic"></div>
		</div>

		<audio id="message-push-music" preload="preload">
			<source src="http://c1.mifile.cn/f/i/hd/2016051101/message-push.mp3" type="audio/mp3">
		</audio>

		<audio id="train-run-music" preload="none">
			<source src="http://c1.mifile.cn/f/i/hd/2016051101/train-run.mp3" type="audio/mp3">
		</audio>

		<div style="display: none;" class="J_map">
			<div class="map-wrapper J_mapWrapper">
				<div class="map">
					<div class="map-pointer"></div>
				</div>
				<p>驾驶总时长：<span class="J_tourtime">0</span> 小时</p>
			</div>
		</div>

		<div class="fullpage-overlay video-overlay J_videoOverlay" width="1" height="1">
			<div class="J_videoWrapper"></div>
			<span class="tips-close J_videoClose"></span>
		</div>

		<div class="fullpage-overlay gallery-overlay J_galleryOverlay" data-gallery="1">
			<div class="xm-slide J_gallerySlide">
				<div class="xm-slide-scroll">
					<figure>
						<img data-origin="http://c1.mifile.cn/f/i/hd/2016051101/gallery-02.jpg">
					</figure>
					<figure>
						<img data-origin="http://c1.mifile.cn/f/i/hd/2016051101/gallery-01.jpg">
					</figure>
					<figure>
						<img data-origin="http://c1.mifile.cn/f/i/hd/2016051101/gallery-03.jpg">
					</figure>
					<figure>
						<img data-origin="http://c1.mifile.cn/f/i/hd/2016051101/gallery-04.jpg">
					</figure>
					<figure>
						<img data-origin="http://c1.mifile.cn/f/i/hd/2016051101/gallery-07.jpg">
					</figure>
				</div>
			</div>
			<span class="tips-close J_galleryClose"></span>
		</div>
		<script type="text/javascript">
			var me = {
				id: 'me', // 写死的，不用改
				name: '' || '琦神小朋友', // 用户昵称
				avatar: '' || './images/mitang.jpeg', // 用户头像图片 url
				userId: '', // 用户id
				registered: false // 用户是否已经预约
			};
		</script>

		<script id="messageTpl" type="text/x-dot-template">
			{{~it :message:index}}
			<div class="clearfix">
				{{? message.type == 'system'}}
				<div class="message">
					<p class="message_system">
						<span class="content">{{=message.content}}</span>
					</p>
				</div>
				{{??}}

				<div class="message {{? message.author.id == 'me'}}me{{??}}others{{?}}">
					<div class="avatar" data-author-id="{{=message.author.id}}">
						<img src="{{=message.author.avatar}}" alt="{{=message.author.name}}">
					</div>
					<div class="content">
						<p class="author_name">{{=message.author.name}}</p>
						{{? message.type == 'plain'}}
						<div class="bubble {{? message.author.id == 'me'}} bubble_primary right{{??}} bubble_default left{{?}}">
							<div class="bubble_cont">
								<div class="{{=message.type}}">
									<pre>{{=message.content}}</pre>
								</div>
							</div>
						</div>
						{{?? message.type == 'picture'}}
						<div class="bubble {{? message.author.id == 'me'}} right{{??}} left{{?}} bubble_image">
							<div class="bubble_cont">
								<div class="{{=message.type}}">
									{{? message.extra == 'gallery'}}
									<img class="J_galleryShow" data-gallery="1" src="{{=message.content}}" /> {{??}}
									<img class="J_img" src="{{=message.content}}" /> {{?}}
								</div>
							</div>
						</div>
						{{?? message.type == 'video'}}
						<div class="bubble {{? message.author.id == 'me'}} right{{??}} left{{?}} bubble_image">
							<div class="bubble_cont">
								<div class="{{=message.type}}">
									<img class="J_fpVideo" src="{{=message.content.poster}}" data-src="{{=message.content.video}}" alt="">
								</div>
							</div>
						</div>
						{{?? message.type == 'animation'}}
						<div class="bubble {{? message.author.id == 'me'}} right{{??}} left{{?}} bubble_image">
							<div class="bubble_cont">
								<div class="{{=message.type}}">
									{{=message.content}}
								</div>
							</div>
						</div>
						{{?}}
					</div>
				</div>
				{{?}}

			</div>
			{{~}}
		</script>

		<script src="./js/jweixin-1.0.0.js"></script>
		<script src="./js/milib.js"></script>
		<script src="./js/slide.js"></script>
		<script src="./js/mimax.js"></script>

		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "//hm.baidu.com/hm.js?71558e7b4aa822e282e758f8dc0b88b0";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>

		<div id="ydNoteExtensionClipper" style="position: fixed; right: 10px; top: 10px; padding-bottom: 10px; font: 12px/100% arial, sans-serif; color: rgb(51, 51, 51); display: none; z-index: 2147483647 !important; height: 427px; width: 289px;">
			<div id="ydNoteExtensionClipper-New" class="ydnwc-dialog" style="border-radius: 5px; box-shadow: rgba(208, 208, 208, 0.2) 0px 6px 12px; width: 281px;">
				<div id="ydNoteExtensionClipper_view" style="background: rgb(255, 255, 255); border-radius: 5px; border: 1px solid rgb(208, 208, 208); height: 427px; width: 279px;"></div>
				<div id="ydNoteExtensionClipper_loadview" style="position: absolute; height: 258px; background: rgb(255, 255, 255); top: 0px; left: 50%; display: none;"><img src="./qs_files/loading.gif" style="position: absolute;top: 20%;margin-left: -20px;"></div>
			</div>
			<div style="display: none;">
				<form id="_YNoteContentForm" name="_YNoteContentForm" action="http://note.youdao.com/yws/mapi/wcp?method=putfile&amp;keyfrom=wcp&amp;from=chrome&amp;confirm=false&amp;e=true&amp;vendor=ChromeStore&amp;vn=2" target="1ContentFrame&amp;ChromeStore" enctype="multipart/form-data" method="POST"><input type="text" name="tl" id="_YNoteContentFormtitle" value=""><input type="text" name="p" id="_YNoteContentFormpath" value=""><textarea name="bs" id="_YNoteContentFormcontent"></textarea><input type="text" name="src" id="_YNoteContentFormsource" value=""><input type="text" name="type" id="_YNoteContentFormtype" value=""><input type="text" name="userid" id="_YNoteContentFormuserid" value=""><input type="text" name="len" id="_YNoteContentFormlen" value=""><input type="text" name="cs" id="_YNoteContentFormcharset" value=""><input type="text" name="e" id="_YNoteContentFormsign" value=""></form>
			</div>
		</div>
	</body>

</html>